<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Home</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <!-- css -->

  <!-- <link rel="stylesheet" href="css/swiper.min.css"> -->
  <link rel="stylesheet" href="css/third/bootstrap.min.css">
  <link rel="stylesheet" href="css/third/components.css">
  <link rel="stylesheet" href="css/third/index.css">
  <link rel="stylesheet" href="css/third/style.css">
  <link rel="stylesheet" href="vendor/owlcarousel/assets/owl.carousel.min.css">
  <link rel="stylesheet" href="vendor/owlcarousel/assets/owl.theme.default.min.css">
  <link href="css/main.css" rel="stylesheet" />
  <link rel="stylesheet" href="/css/submain.css">
  <link href="css/normalize.css" rel="stylesheet" />


  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
      <script src="#html5shim.googlecode.com/svn/trunk/html5.js"></script>
      <p class="browserupgrade">您的浏览器版本过低, 请到 <a href="https://browsehappy.com/">这里</a> 更新, 以获取最佳的体验</p>
    <![endif]-->

</head>

<body id="body" class="submain">
  <!-- <header>
    <nav class="main clearfix">
      <a href="#" class="brand"><img src="assets/images/logo.png" alt="Home"></a>
      <ul id="menu" class="clearfix">
        <li><a href="#">HOME</a></li>
        <li><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="#">NEWS</a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </nav>
    <nav class="minMain">
      <img id="menuIcon" src="/assets/images/menu.png" alt="" onclick="menu()">
    </nav>
    <div class="ad">
      <div class="owl-carousel owl-theme">
        <div class="item">
          <img src="assets/images/ad1.png">
        </div>
        <div class="item">
          <img src="assets/images/ad2.png">
        </div>
        <div class="item">
          <img src="assets/images/ad3.png">
        </div>
        <div class="item">
          <img src="assets/images/ad4.png">
        </div>
      </div>
    </div>
  </header>
  <header id="hover" class="pop-block" onclick="menu()">
    <div>
      <ul >
        <li><a class="menuA" href="/index.html">HOME</a></li>
        <li><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="#">NEWS</a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </header> -->
  <header class="clearfix" style="width: 100%;">
    <nav class="submain-nav">
      <div class="logo"></div>
      <ul id="menu">
        <li class="chosen"><a href="/index.html">HOME</a></li>
        <li><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="/services.html">Our Service</a></li>
            <li><a href="/certificate.html">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="/news.html">NEWS</a></li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </nav>
    <nav class="submain-minMain">
      <div class="logo"></div>
      <div class="menuDiv">
        <img id="menuIcon" src="/assets/images/menu.png" alt="" onclick="menu()">
      </div>
    </nav>
  </header>
  <header id="hover" class="pop-block" onclick="menu()">
    <div>
      <ul>
        <li><a class="menuA" href="/index.html">HOME</a></li>
        <li><a href="/about.html">ABOUT US</a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="/services.html">Our Service</a></li>
            <li><a href="/certificate.html">Certificate</a></li>
          </ul>
        </li>
        <li><a href="/product.html">PRODUCTS</a></li>
        <li><a href="#">NEWS</a></li>
        <li><a href="#">DOWNLOAD</a></li>
        <li><a href="#">CONTACT US</a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </li>
      </ul>
    </div>
  </header>
  <div class="ad">
    <div class="owl-carousel owl-theme">
      <div class="item">
        <img src="assets/images/ad1.png">
      </div>
      <div class="item">
        <img src="assets/images/ad2.png">
      </div>
      <div class="item">
        <img src="assets/images/ad3.png">
      </div>
      <div class="item">
        <img src="assets/images/ad4.png">
      </div>
    </div>
  </div>
  <div class="main-container clearfix">
    <section class="cpinfo">
      <div class="split-container">
        <div class="split"></div>
        <div class="txt">ABOUT US</div>
        <div class="split"></div>
      </div>
      <div class="cp-container sr-about-us">
        <!-- <h3>Xingtai Frida</h3> -->
        <img src="/assets/images/company.png" alt="">
        <p><span>Xingtai Frida </span>Import &  Export Trade Co., Ltd. is a professional supplier and exporter of cast  iron and aluminum products and rubber sealing products, with well-equipped testing equipment and strong technical force. With a wide range, good quality, reasonable prices and stylish designs, our products are extensively used in machinery, automobiles, motorcycles and other industries.</p>
        <!-- <a href="/about.html" class="aboutus">About Us</a> -->
      </div>
    </section>
    <section class="productsinfo">
      <div class="split-container">
        <div class="split"></div>
        <div class="txt">PRODUCTS</div>
        <div class="split"></div>
      </div>
      <div class="product-container clearfix">
        <ul class="pro_list">
          <li class="list sr-list-1">
            <a href="/product-list.html?type=1"> <img src="/assets/images/rubber.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=1">
                <h1>
                  <span>RUBBER PARTS</span>
                  <!-- <img src="/assets/images/enter.svg" alt=""> -->
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=1" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
          <li class="list sr-list-2">
            <a href="/product-list.html?type=2" > <img src="/assets/images/hydraulic.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=2">
                <h1>
                  <span>HYDRAULIC PARTS</span>
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=2" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
          <li class="list sr-list-3">
            <a href="/product-list.html?type=3" > <img src="/assets/images/car.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=3">
                <h1>
                  <span>CAR PARTS</span>
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=3" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
          <li class="list sr-list-4">
            <a href="/product-list.html?type=4"> <img src="/assets/images/tractor.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=4">
                <h1>
                  <span>TRACTOR PARTS</span>
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=4" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
          <li class="list sr-list-5">
            <a href="/product-list.html?type=5"> <img src="/assets/images/truck.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=5">
                <h1>
                  <span>TRUCK, TRAILER PARTS</span>
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=5" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
          <li class="list sr-list-6">
            <a href="/product-list.html?type=6"> <img src="/assets/images/motorcycle.jpg" alt=""></a>
            <div class="prod_box">
              <a href="/product-list.html?type=6">
                <h1>
                  <span>MOTORCYCLE PARTS</span>
                </h1>
              </a>
            </div>
            <a href="/product-list.html?type=6" class="introduce-box">
              <p class="introduce-text">introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...introduction...</p>
            </a>
          </li>
        </ul>
      </div>
    </section>
    <section class="newsinfo">
      <div class="split-container">
       <div class="split"></div>
       <div class="txt">NEWS</div>
       <div class="split"></div>
      </div>
      <div class="news-container clearfix" id="news_container">
        <!-- <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">23</span>
            </div>
          </div>
          <div class="news-right">
            <span>Agricultural industrialization</span>
            <p>In recent years, investment in excess of three billion yuan has been devoted to furthering agricultural industrialization, an important part of the national program for enhancing the international competitiveness of Chinese agriculture. In 2004 alone the government set up 35 agricultural programs, supported by 30 million yuan from the Central Government, over 50 million yuan from local governments, some 100 million yuan of bank loans and more than 600 million yuan raised by enterprises and farmers.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">23</span>
            </div>
          </div>
          <div class="news-right">
            <span>Forest Service International Programs Leads Study Tour for Chileans</span>
            <p>During an eight-day trip, Toby Bloom, Forest Service International Programs specialist, led four delegates from the Chilean Forest Commission to the Southwest Region to learn ways to involve indigenous groups in public use planning and environmental outreach. The group visited the Jemez Pueblo Visitor Center, Zuni Pueblo, and several national forests and reserves with significance to Native American tribes. The visitors met with the Kaibab National Forest Cooperative Management team to discuss their roles in collaborating and communicating with the seven tribes bordering the forest.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>New Generation of Elantra from Beijing Hyundai</span>
            <p>Beijing Hyundai officially begun selling the newest version of the Elantra in China.The new Elantra, which is being sold under the Chinese name Langdong, is priced between 105,800 and 149,800 yuan ($16,731-$23,690). This newest Elantra will be sold in the country alongside the previous two generations.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>China's Plastic Machinery Makers Head Abro</span>
            <p>While the market is still booming in China, the country's top plastics machinery makers are looking to expand outside their borders. And they're interested in more than just exports. In countries like Brazil, India and Russia, Chinese manufacturers see opportunity to open new manufacturing operations, grab market share and try their hand at globalizing. The advantages for those who manufacture in China are clear. Customers in developing markets are price conscious and Chinese manufacturers can offer machines at prices that often undercut their international rivals. Markets like India, however, have started to resist the inflow of machines from China, going so tar as to impose anti-dumping tariffs against Chinese-made presses in 2009. As a consequence, the past two years have seen an increasing number of Chinese-led joint ventures acquisitions and manufacturing facilities around the world. India is a big market and growing quickly," said Jason Chan, manager in Cosmos Machinery Ltd.'s marketing department. "We've just started there, but it's a great opportunity." Chan spoke. While Cosmos is still growing more than 15 percent a year with domestic sales taking the lion's share of their business, exports are an increasingly important part of their strategy. "South America South East Asia, India-these are all big markets that it makes sense to enter," Chan said. "The competition in these markets is not as tough as competition in China." Building an international presence can provide a boost in growth and added stability, said Richard Chen, the sales director of Demag Plastics Machinery (Ningbo) Co Ltd. Although the China-based manufacturer is part of the international Demag Plastics Group, building exports has been a priority."Our target is to increase exports.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>Guangzhou International Mould&Die Exhibition</span>
            <p>Asiamold is one of the most important events for the industrial design and manufacturing industries in the region- Thr fair has become a focal point for some of the most highly reputable domestic and international mould makers to showcase the lastest solutions for moulds and dies. This year, the fair will play host to around 400 exhihitors from 15 countries and regions.Also the debut of the Japanese pavilion, co-organised by the INTFRMOLD development Association and the Japan Die&Mold Industry Asocciation. As well as the Hong Kong pavilion, organised by the HongKong Federation of Innovative Technologies and Manufacturing Industries, pavilions from Mainland China and Europe also return to the fair. Exhibitors showcase the latest advancements in mould-making technology and various applications for their solutions.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>Reducing Energy Usage with Wire EDM</span>
            <p>pressure system. The filter pump runs all the time and the main pump runs at the same speed whether it is cutting or sitting idle—so the fluid is constantly circulating to maintain thermal stability. This becomes a significant drain on energy. Today’s machines are more environmentally and friendly—having evolved in many areas to dramatically reduce their energy footprint. Digital anti-electrolysis generators do a better job of shaping the cutting pulse and reducing the ions generated in the water; this reduces the load on the DI resin system—allowing it to last up to three times longer. Some systems use a power regeneration circuit, which stores the over-current to create the next ignition pulse. This eliminates the bank of resistors found on the old DC generator—and the heat they produce—for decreased energy usage. New fluid systems have more pumps that are designed specifically for various functions, and therefore run less often. The main pump is now an inverter-type unit that changes speed to control water volume and pressure and only pushes water to the cutting heads when the machine is running. Separate, smaller pumps now manage the fluid circulation system—running water through the chiller and the machine to maintain thermal stability at a much lower cost. The machine can also operate in a cost save mode that reduces wire consumption and puts the machine to sleep after the job is complete; in this sleep mode, the energy usage is equal to that of a 100-watt light bulb.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>How will this new invention</span>
            <p>The precision parts produced by the workers in the Middle Franconia region of Germany have ensured that toolcraft has enjoyed an excellent reputation as an ideas generator and driver of new technology for many years. Ultimately, customers get everything they require from one single source: Complete solutions for an assembly as a "one-stop shop" across the entire process chain - from development right through to delivery of the finished product. What is important here, according to Christoph Hauck, is "to receive advice and a development service which is independent of any particular material or process. This is the only way that we can find the solution which is the best in functional terms and at the same time is most cost-effective." Embracing a wide range of different technologies, this produces parts and complex assemblies in steel, plastic, magnesium, aluminium, titanium, nickel-base alloys and more recently in monocrystalline superalloys which up until now were considered to be incapable of being machined.</p>
          </div>
        </div>
        <div class="news">
          <div class="news-left">
            <div class="dateDiv">
              <span class="year">2012 - Nov.</span>
              <span class="Day">14</span>
            </div>
          </div>
          <div class="news-right">
            <span>How will this new invention</span>
            <p>The precision parts produced by the workers in the Middle Franconia region of Germany have ensured that toolcraft has enjoyed an excellent reputation as an ideas generator and driver of new technology for many years. Ultimately, customers get everything they require from one single source: Complete solutions for an assembly as a "one-stop shop" across the entire process chain - from development right through to delivery of the finished product. What is important here, according to Christoph Hauck, is "to receive advice and a development service which is independent of any particular material or process. This is the only way that we can find the solution which is the best in functional terms and at the same time is most cost-effective." Embracing a wide range of different technologies, this produces parts and complex assemblies in steel, plastic, magnesium, aluminium, titanium, nickel-base alloys and more recently in monocrystalline superalloys which up until now were considered to be incapable of being machined.</p>
          </div>
        </div> -->
      </div>
    </section>
  </div>
  <footer class="c-layout-footer c-layout-footer-6 ">
    <div>
      <div class="container niub_f_container pc">
        <div class="niub_f1 niub_f_nav">
          <h3>Shanghai NiuB Technology CO., LTD.<span></span></h3>
          <p>上海市XXX区XXX路XXX号XXX大厦<br />
            P.C:200000<br />
            Tel: XXXX<br />
            Fax: XXXX
          </p>
          <a href="#"><input type="button" value="咨询" /></a>
          <ul>
            <li class="wechat">
              <img src="/assets/images/wechat.png">
            </li>
          </ul>
        </div>
        <div class="niub_f2 niub_f_nav">
          <a href="#">
            <h3>HOME<span></span></h3>
          </a>
        </div>
        <div class="niub_f3 niub_f_nav">
          <a href="#">
            <h3>ABOUT US<span></span></h3>
          </a>
          <ul>
            <li><a href="/about.html">About Us</a></li>
            <li><a href="#">Our Service</a></li>
            <li><a href="#">Certificate</a></li>
          </ul>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="/product.html">
            <h3>PRODUCTS<span></span></h3>
          </a>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="#">
            <h3>NEWS<span></span></h3>
          </a>
          <ul>
            <li><a href="#">News</a></li>
            <li><a href="#">Knowledge</a></li>
          </ul>
        </div>
        <div class="niub_f4 niub_f_nav">
          <a href="#">
            <h3>CONTACT US<span></span></h3>
          </a>
          <ul>
            <li><a href="#">Contact Us</a></li>
            <li><a href="#">Feedback</a></li>
          </ul>
        </div>
      </div>
      <div class="sp container niub_f1 niub_f1_sp">
        <span></span>
        <h3>Shanghai NiuB Technology CO., LTD.<span></span></h3>
        <p>上海市XXX区XXX路XXX号XXX大厦<br />
          P.C:200000<br />
          Tel: XXXX<br />
          Fax: XXXX
        </p>
        <a href="#"><input type="button" value="咨询" /></a>
      </div>
      <div class="niub_footer container pc">
        <p><a href="#">隐私方针</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">网站声明</a></p>
        <p>© 2018 Shanghai NiuB Technology CO., LTD. All Rights Reserved.</p>
        <p>
          <span><a href="#">沪ICP备-XXXXXXXX号</a></span>
          <span><a href="#"><img src="/assets/images/ga.png" style="margin: 0 10px;" />沪公网安备XXXXXXXXXXXXXX号</a></span>
        </p>
      </div>
      <div class="niub_footer_sp container sp">
        <p style="float: left;"><a href="#">隐私声明</a></p>
        <p style="float: right;">© 2018 Shanghai NiuB Technology CO., LTD. All Rights Reserved.</p>
        <div style="clear: both;"></div>
        <div style="float: left;"></div>
        <p>
          <span><a href="#">沪ICP备-XXXXXXXX号</a></span>
          <div style="width:245px;margin:0 auto;  ">
            <a target="_blank" href="#" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
              <p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#ccc;"><img src="/assets/images/ga.png"
                  style="margin: 0 10px;" />沪公网安备XXXXXXXXXXXXXX号</p>
            </a>
          </div>
        </p>
      </div>
    </div>
  </footer>
  <script src="vendor/jquery-3.3.1.min.js"></script>
  <script src="vendor/owlcarousel/owl.carousel.min.js"></script>
  <script src="vendor/scrollreveal.js"></script>
  <script src="/js/main.js"></script>
  <script type="text/javascript">
    var showMenu = false;
    window.sr = ScrollReveal();
    sr.reveal('.sr-about-us', {delay: 200, origin: 'top', distance: '20px'}, 200)
    sr.reveal('.sr-list-1', {delay: 400, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.sr-list-2', {delay: 700, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.sr-list-3', {delay: 1000, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.sr-list-4', {delay: 1300, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.sr-list-5', {delay: 1600, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.sr-list-6', {delay: 1900, origin: 'bottom', distance: '20px'}, 300)
    sr.reveal('.news-container', {delay: 400, origin: 'bottom', distance: '20px'}, 300)
    $(document).ready(function () {
      
      var owl = $('.owl-carousel');
      owl.owlCarousel({
        items: 1,
        loop: false,
        center: true,
        // autoplay: true,
        autoplayTimeout: 3000,
        autoplayHoverPause: true,
        animateOut: 'fadeOut',
        animateIn: 'fadeIn'
      });

      $('a').bind('click',function(event) {
        event.stopPropagation();
      })
    });

    function menu (event) {
      if (showMenu) {
        $('#hover').hide();
        $('#body').removeClass('hidebody');
        $('#menuIcon').attr('src', '/assets/images/menu.png');
        $('body').off('touchmove');
        showMenu = false;
      } else {
        $('#hover').show();
        $('#body').addClass('hidebody');
        $('#menuIcon').attr('src', '/assets/images/cancel.png');
        $('body').on('touchmove', function (event) {
          event.preventDefault();
        });
        showMenu = true;
      }
      
    }

    $.ajax({
    type: "GET",
    url: "http://webapi.isuuny.xyz/api/getNews",
    dataType: "json",
    jsonp: "callback",
    jsonpCallback:"success_jsonpCallback",
    success: function(data){
      // console.log(data)
      if (data.code == '0') {
        createNewsHtml(data.data, 'news_container');
      }
    }
  });
  </script>
</body>

</html>